<template>
  <div>
    <hm-slot>
      <template v-slot:content="slotScope">
        <h2>{{slotScope}}</h2>
        <h2>{{slotScope.title}}</h2>
        <h2>{{slotScope.msg}}</h2>
        <h2 v-for="item in slotScope.arr" :key="item">{{item}}</h2>
      </template>
      <template #username>
        <input type="text" placeholder="请输入用户名">
      </template>
      <template>
        <div>我是用户名</div>
      </template>
    </hm-slot>
  </div>
</template>

<script>
import HmSlot from "./HmSlot.vue";
export default {
  components:{
    HmSlot,
  }
}
</script>